<template>
	<!-- 
	1. 不能使用组件方式引入，
	2. 样式必须在使用的页面内使用，要不然样式有问题
	3. 最后就混入方式引入这个js，报警的样式可以放在公共样式里面。
	4. moveable-area的 overflow: hidden;这个属性不能加,加了不能上下滑动了隐藏的部分直接hidden了
	 -->

</template>
<script>
	import uniConfirm from '@/components/uni-ui/uni-confirm/uni-confirm.vue'
	import {
		getLocation
	} from '@/common/js/location.js'
	import {
		requestAndroid
	} from '@/common/js/location.js'

	export default {
		data() {
			return {
				confirmShow1: false, //判断confirm显示隐藏
				x: 380,
				y: 0,
				old: {
					x: 0,
					y: 0
				},
				isShow: false, //是否展示
				near: false //是否到边上了
			};
		},
		computed: {
			maskStyle() {
				return this.isShow ? 'background-color: rgba(0,0,0,.1);' : '';
			},
		},
		methods: {
			//confirm 确定
			async bindBtn(type) {
				console.log(type)
				if (type == 'confirm') {
					uni.navigateTo({
						url: '../../login-register/login/login'
					})
				}
				this.confirmShow1 = false
			},
			onChange(e) {
				// console.log(e, '开始移动了');
				// console.log(this.old.x, this.old.y);
				// 关闭弹窗吗
				this.isShow = false;
				this.old.x = e.detail.x;
				this.old.y = e.detail.y;

				this.near = this.old.x <= 8 ? true : false
			},
			// 展示弹窗
			showModal() {
				this.isShow = !this.isShow;
			},
			closeMask() {
				console.log('关闭了');
				this.isShow = false;
			},
			// 位置分享  记着这个三级的../../../
			sharePosition() {
				if (!this.$store.state.userInfo) {
					this.confirmShow1 = true
					// this.confirmShow=true
					// uni.showModal({
					// 	confirmColor:'#3c8efftle:'请先登录后查看详情信息',
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url:'../../login-register/login/login'
					// 			})
					// 		} else if (res.cancel) {
					// 			console.log('用户点击取消');
					// 		}
					// 	}
					// })
					return
				}
				console.log('位置分享');
				// if(!getLocation()) return //未开启定位
				if (!this.$store.state.address) return //未开启定位
				uni.navigateTo({
					url: '../../../pages/call-police/share-position/share-position'
				});
			},
			// 添加紧急联系人
			addContact() {
				if (!this.$store.state.userInfo) {
					this.confirmShow1 = true
					// uni.showModal({
					// 	confirmColor:'#3c8efftle:'请先登录后查看详情信息',
					// 	success(res) {
					// 		if (res.confirm) {
					// 			uni.navigateTo({
					// 				url:'../../login-register/login/login'
					// 			})
					// 		} else if (res.cancel) {
					// 			console.log('用户点击取消');
					// 		}
					// 	}
					// })
					return
				}
				uni.navigateTo({
					url: '../../../pages/emergency-contact/list/list'
				})
			},
			callPolice() {
				requestAndroid('android.permission.CALL_PHONE', '通话权限')
				// if(!getLocation()) return //未开启定位/
				uni.makePhoneCall({
					phoneNumber: '110',
					success(res) {
						console.log(res, '拨打电话');
					},
					fail(e) {
						console.log(e, 'bodadianhuashibaihuidiao')
					}
				})
			}
		}
	};
</script>

<style lang="less">

</style>